<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>
<head>
    <title>个人中心</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="/mvc/plugins/bootstrap/css/bootstrap.css">
</head>

<meta charset="UTF-8">
<style>
    #nav_header{
        width: 50px;
        height: 50px;
        /*设置图片的边角*/
        border-radius: 50%;
        /*设置阴影部分*/
        opacity: 0.9;
    }
    #nav_header:hover{
        opacity: 1;
    }
</style>
<style>#nav_jdtx{
    width: 200px;
    height:250px;
}
</style>

<style>#nav_jdtxm{
    width: 200px;
    height:200px;
}
</style>
<style>
    body{background-color:#e7e7e7;}
</style>



<body background="/mvc/imgs/jdtx14.jpg"
      style="background-repeat: no-repeat;
                    background-size:100% 100%";>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">我的京东</a>
        </div>
        <div>
            <ul class="nav navbar-nav navbar-right">

                <li class="dropdown">
                    <a class="navbar-brand" href="/mvc/wl.jsp">首页</a>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        账户设置 <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">个人信息</a></li>
                        <li><a href="#">账户安全</a></li>
                        <li><a href="#">收货地址</a></li>
                        <li><a href="#">我的银行卡</a></li>
                        <li><a href="#">账号绑定</a></li>
                        <li><a href="#">分邦信息</a></li>
                        <li><a href="#">邮件管理</a></li>
                        <li><a href="#">授权管理</a></li>
                    </ul>
                </li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        消息 <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">系统消息</a></li>
                        <li><a href="#">消息设置</a></li>
                    </ul>
                </li>
                <li><img src="/mvc/imgs/jdtx.gif" id="nav_header"></li>
            </ul>
        </div>
    </div>
</nav>

<div class="container">
    <div class="row">
        <div class="col-sm-4">
            <h2>关于我</h2>
            <h5>我的头像:</h5>
            <div><li><img src="/mvc/imgs/jdtx8.gif" id="nav_jdtx"></li></div>
            <h3>欢迎光临京东金融</h3>
            <ul class="nav nav-pills nav-stacked">
                <li  class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        订单中心 <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">我的订单</a></li>
                        <li><a href="#">评价晒单</a></li>
                    </ul>
                <li  class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        我的账户 <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">优惠卷</a></li>
                        <li><a href="#">京东</a></li>
                        <li><a href="#">白条</a></li>
                        <li><a href="#">红包</a></li>
                        <li><a href="#">礼品卡</a></li>
                    </ul>
                <li  class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        我的关注 <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">关注商品</a></li>
                        <li><a href="#">关注店铺</a></li>
                        <li><a href="#">内容收藏</a></li>
                    </ul>
                <li  class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        我的活动 <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">我的预约</a></li>
                        <li><a href="#">我的拍卖</a></li>
                        <li><a href="#">我的回收单</a></li>
                        <li><a href="#">我的必购码</a></li>
                        <li><a href="#">我的口令</a></li>
                    </ul>
                <li  class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        客户服务 <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">返修退换货</a></li>
                        <li><a href="#">价格保护</a></li>
                        <li><a href="#">我的发票</a></li>
                        <li><a href="#">购买咨询</a></li>
                        <li><a href="#">交易纠纷</a></li>
                    </ul>
                <li  class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        特色业务 <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#">我的营业厅</a></li>
                        <li><a href="#">京东通信</a></li>
                        <li><a href="#">医疗服务</a></li>
                        <li><a href="#">流量加油站</a></li>
                    </ul>
            </ul>
            <hr class="hidden-sm hidden-md hidden-lg">
        </div>
        <div class="col-sm-8">
            <h2>标题</h2>
            <h5>我的</h5>
            <table class="table table-bordered">
                <caption>我的钱包</caption>
                <thead>
                <tr>
                    <th>数量</th>
                    <th>名称</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>0</td>
                    <td>优惠卷</td>
                    <td><a href="#">领卷</a></td>
                </tr>
                <tr>
                    <td>0</td>
                    <td>京豆</td>
                    <td><a href="#">赚京豆</a></td>
                </tr>
                <tr>
                    <td>0</td>
                    <td>余额</td>
                    <td><a href="#">充值</a></td>
                </tr>
                </tbody>
                <div class="container-fluid" id="tbls" style="display: none">
                    <div class="row">
                        <div class="table-responsive">
                            <table class="table">
                                <caption>我的购买产品</caption>
                                <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>产品名称</th>
                                    <th>产品价格</th>
                                    <th>产品作者</th>
                                    <th>生产地址</th>
                                </tr>
                                </thead>
                                <tbody>
                                <c:forEach items="${productList}" var="p" varStatus="vs">
                                    <tr>
                                        <td>${vs.count}</td>
                                        <td>${p.name}</td>
                                        <td>${p.price}</td>
                                        <td>${p.author}</td>
                                        <td>${p.publishHouse}</td>
                                    </tr>
                                </c:forEach>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row clearfix">
                        <div class="col-md-4 column">
                            <h2>
                                当日热货
                            </h2>
                            <p>
                            <div><li><img src="/mvc/imgs/jdtx8.gif" id="nav_jdtxm">无</li></div>
                            </p>
                            <p>
                                <a class="btn" href="#">View details »</a>
                            </p>
                        </div>
                        <div class="col-md-4 column">
                            <h2>
                                当日推荐
                            </h2>
                            <p>
                            <div><li><img src="/mvc/imgs/jdtx8.gif" id="nav_jdtxm">无</li></div>
                            </p>
                            <p>
                                <a class="btn" href="#">View details »</a>
                            </p>
                        </div>
                        <div class="col-md-4 column">
                        </div>
                    </div>
                </div>

        </div>
    </div>
</div>

<div class="jumbotron text-center" style="margin-bottom:0">
    <h5> 网站导航 | 宾馆索引 | 机票索引 | 旅游索引 | 商旅索引 | 攻略索引 | 关于携程 | 企业公民 | 诚聘英才 | 智慧旅游  | 分销联盟 | 代理合作 | 企业商旅 | 中小企业差旅 | 广告业务 | 联系我们

        加盟合作 | 酒店加盟 | 目的地及景区合作 | 用户协议 | 隐私政策 | 营业执照 | 旅游度假资质 | 保险代理 | 友情链接

        Copyright1999-2021, ctrip.com. All rights reserved. | ICP证：沪B2-20050130 | 沪ICP备08023580号

        沪公网备31010502002731号丨互联网药品信息服务资格证</h5>
    <script src="/mvc/plugins/jquery/jquery.min.js"></script>
    <script src="/mvc/plugins/bootstrap/js/bootstrap.js"></script>
</>
</html>
